<div ng-controller="StaffListController">
    <!--上传员工资料-->
    <div ng-show="showUpload===false">
        <upload-staff></upload-staff>
    </div>

    <tool_bar class="base-tool-bar tool-title-delect" ng-show="showUpload"></tool_bar>
    <div class="base-content-main" ng-show="showUpload" ng-click="getFocus()">
        <div class="rent-list-box">
            <table class="table reli-box-table">

                <thead>
                <tr>
                    <th class="sta-li-span"></th>
                    <th class="sta-li-row" ng-repeat="head in tableHeadItems">{{head}}</th>

                </tr>
                </thead>
                <tbody class="sta-tr-row-tbody">


                <!--<tr class="sta-tr-row" ng-repeat="content in staffList" ng-mousemove="getFocusStaffInformation(content)" ng-mouseleave="leaveFocusStaffInformation(content)"-->
                <tr id="a" class="sta-tr-row" ng-repeat="content in staffList " ng-mousemove="getFocusStaffInformation(content)" ng-mouseleave="leaveFocusStaffInformation(content)"
                    ng-click="getClickInformation(content)" on-finish-render="ngRepeatFinished">

                    <td class="sta-li-row sta-li-span sta-li-button-black" ng-class="changeSelectedClass(content)"></td>
                    <td class="sta-li-row sta-li-row-name sta-li-td-width">{{content.name}}</td>
                    <td class="sta-li-row sta-li-td-width">{{content.getSex()}}</td>
                    <td class="sta-li-row sta-li-td-phone-width">{{content.phone}}</td>
                    <td class="sta-li-row sta-li-td-id-width">{{content.idNo}}</td>
                    <td class="sta-li-row sta-li-td-width">{{content.department}}</td>
                    <td class="sta-li-row sta-li-td-width">{{content.position}}</td>
                    <td class="sta-li-row sta-li-td-width">{{content.doorCardNum}}</td>
                    <td ng-show="content.staffBindStatus" class="sta-li-row sta-li-td-width" >{{content.getBindStatus()}}</td>
                    <td ng-show="!content.staffBindStatus" class="sta-li-row sta-li-td-width"  ><input style="width: 60px" class="reli-auth pro-phone-revise btn btn-danger reli-auth-btn" ng-click="clickModifyStaffStatus(content)" type="button" value="绑定"></td>
                    <td class="sta-li-row sta-li-row-revise">
                        <input class="reli-auth pro-phone-revise btn btn-danger reli-auth-btn" ng-click="clickModifyStaff(content)"
                               type="button" value="修改">
                </tr>
                </tbody>

            </table>
        </div>
        <div class="page">
            <button class="Previouspage" ng-click="prevPageClick()">上一页</button>{{pageNum}}
            <button class="Nextpage" ng-click="nextPageClick()">下一页</button>

        </div>

    </div>




    <div ng-show="showAddWindow">
        <div class="base-background"></div>
        <div id="staChangeBox" class="base-change-box base-change-box-wh">
            <h3 class="base-change-title">添加信息</h3>
            <div class="base-change-content">
                <div class="base-change-text-box sta-change-fitst-text">
                    <p class="base-change-content-title">公司名称：</p><input value="{{RootCompanyInfo.companyName}}"
                                                                         disabled="disabled"
                                                                         class="form-control base-change-input"
                                                                         type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>姓名：</p><input
                        ng-model="additionalStaff.name" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>性别：</p>
                    <select
                            id="add-sex-select"
                            class="pro-write-base-backimg form-control base-change-input form-control-padding" ng-model="additionalStaff.sex">
                        <option value="MALE">男</option>
                        <option value="FEMALE">女</option>
                        <option value="UNKNOWN">未知</option>
                    </select>
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>手机号码：</p><input
                        ng-model="additionalStaff.phone" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>身份证号：</p><input
                        ng-model="additionalStaff.idNo" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title">部门：</p><input ng-model="additionalStaff.department"
                                                                       class="form-control base-change-input"
                                                                       type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title">职位：</p><input ng-model="additionalStaff.position"
                                                                       class="form-control base-change-input"
                                                                       type="text">
                </div>
                <!--<div class="base-change-text-box">-->
                    <!--<p class="base-change-content-title"><span class="base-change-content-star">*</span>门卡号：</p><input ng-model="additionalStaff.doorCardNum"-->
                                                                                                                       <!--class="form-control base-change-input"-->
                                                                                                                       <!--type="text">-->
                <!--</div>-->
            </div>
            <input type="button" class="base-change-button" ng-click="submitAddStaff(additionalStaff)" value="添加">
            <a ng-click="showAddWindow=false" id="staChangeClose" class="base-close-window">
                <span class="base-close-window-content" ng-click="showAddWindow=false">ｘ</span>
            </a>
        </div>
    </div>


    <div ng-show="showModifyWindow">
        <div class="base-background"></div>
        <div class="base-change-box base-change-box-wh ">
            <h3 class="base-change-title">修改信息</h3>

            <button ng-disabled="!isAbleClick" ng-class="{true: 'set-manage-button', false: 'set-manage-button-disabled'}[isAbleClick]" ng-click="setManageClick(modifiedStaff.id)">设置企业代理人</button>
            <div class="base-change-content">
                <div class="base-change-text-box sta-change-fitst-text">
                    <p class="base-change-content-title">公司名称：</p><input value="{{RootCompanyInfo.companyName}}"
                                                                         disabled="disabled"
                                                                         class="form-control base-change-input"
                                                                         type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>姓名：</p><input
                        ng-model="modifiedStaff.name" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>性别：</p><select
                        class="pro-write-base-backimg form-control base-change-input form-control-boy" ng-model="modifiedStaff.sex">
                    <option value="MALE">男</option>
                    <option value="FEMALE">女</option>
                    <option value="UNKNOWN">未知</option>
                </select>
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>手机号码：</p><input
                        ng-model="modifiedStaff.phone" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>身份证号：</p><input
                        ng-model="modifiedStaff.idNo" class="form-control base-change-input" type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title">部门：</p><input ng-model="modifiedStaff.department"
                                                                       class="form-control base-change-input"
                                                                       type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title">职位：</p><input ng-model="modifiedStaff.position"
                                                                       class="form-control base-change-input"
                                                                       type="text">
                </div>
                <div class="base-change-text-box">
                    <p class="base-change-content-title"><span class="base-change-content-star">*</span>门卡号：</p><input ng-model="modifiedStaff.doorCardNum"
                                                                                                                       class="form-control base-change-input"
                                                                                                                       type="text" disabled>
                </div>
            </div>
            <input type="button" class="base-change-button" ng-click="submitModifyStaff(modifiedStaff)" value="修改">
            <!--<a ng-click="showModifyWindow=false" class="base-change-close"-->
            <!--ng-style="EleStyle.height('body' ,0.0385, true)">✕</a>-->
            <a ng-click="showModifyWindow=false"
               class="base-close-window">
                <span class="base-close-window-content" ng-click="showModifyWindow=false">ｘ</span>
            </a>
        </div>
    </div>
    <div ng-show="showStaffDelectbox">
        <staff-delect></staff-delect>
    </div>

</div>


<!--<div class="base-change-back">-->
<!--<div class="base-change-box">-->
<!--<h3 class="base-change-title">添加信息</h3>-->
<!--<div class="base-change-content" ng-repeat="staffProperty in staffPropertys">-->
<!--<p class="base-change-content-title"><span class="base-change-content-star" ng-show="staffProperty.isRequired">*</span>{{staffProperty.name}}：</p><input class="form-control base-change-input base-change-input-{{staffProperty.key}}" type="text">-->
<!--</div>-->
<!--<input type="button" class="base-change-button" value="添加">-->
<!--</div>-->
<!--</div>-->
